<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>吴仪-丁傲的妄想</title>
  <!-- Material Design Lite CSS -->
  <link rel="stylesheet" href="material.pink-deep_purple.min_WuYi.css">
  <!-- Material Design Lite JavaScript -->
  <script defer src="material.min.js"></script>
  <!-- Material Icons -->
  <link rel="stylesheet" href="icon.css">
   <style> 
   /* 以下是自定义样式，覆盖css设置。 */
    body {
      background-color: #ffc0cb;
    }
    .mdl-layout__header {
      background-color: #e91e63; /* 深粉红色 */
    }
    .mdl-navigation__link {
      color: white !important;
    }
    h2 {
      color: #e91e63; /* 深粉红色 */
    }
    .DingAo {
      color: green;
    }
    .comments {
      color: red;
      font-size: 30px;
    }
    .button {
      color: #e91e63;
    }
  </style>
</head>
<body>
  <!-- 顶部应用栏 -->
  <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
    <header class="mdl-layout__header">
      <div class="mdl-layout__header-row">
        <!-- 标题 -->
        <span class="mdl-layout-title">吴仪</span>
        <div class="mdl-layout-spacer"></div>
        <!-- 导航 -->
        <nav class="mdl-navigation mdl-layout--is-small-screen">
          <a class="mdl-navigation__link" href="contents.html">返回目录</a>
          <button class="mdl-button" onclick="ActivityJump.JumpBack()">返回主界面</button>
        </nav>
      </div>
    </header>
    <main class="mdl-layout__content">
      <div class="page-content">
        <!-- 内容 -->
        <section id="about" class="mdl-grid">
          <div class="mdl-cell mdl-cell--12-col">
            <h2>关于吴仪</h2>
            <p>吴仪，长兴中学2022级学生，曾和丁傲有联系，引发了丁傲的痴心妄想。</p>
          </div>
        </section>
        <section id="poem" class="mdl-grid">
          <div class="mdl-cell mdl-cell--12-col">
            <h2>赋诗一首</h2>
            <p>岂曰<strong>吴仪</strong>？与子同袍。</p>
            <p><span class="DingAo">丁傲</span>兴师，修我戈矛，与子同仇！</p>
            <p>岂曰<strong>吴仪</strong>？与子同泽。</p>
            <p><span class="DingAo">丁傲</span>兴师，修我<em>发圈</em>，与子偕作！</p>
            <p>岂曰<strong>吴仪</strong>？与子同裳。</p>
            <p><span class="DingAo">丁傲</span>兴师，修我<em>戒指</em>，与子偕行！</p>
          </div>
        </section>
        <section id="comments" class="mdl-grid">
          <div class="mdl-cell mdl-cell--12-col">
            <h2>评价</h2>
            <p>著名评论家Ferris曾经说过，</p>
            <p>“<span class="comments"><strong>丁傲，你也配？！</strong></span>”</p>
          </div>
        </section>
      </div>
    </main>
  </div>
</body>
</html>
